<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 分辨率小于980时，会进行自适应，而不是固定成980 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>TK科技产品</title>
	<!-- 重置样式 -->
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<!-- 公共样式 -->
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<!-- 当前页面样式 -->
	<link rel="stylesheet" type="text/css" href="css/product.css">
</head>
<body>
	<div class="header">
		<div class="top">
			<div class="container">
				<div class="left">
					全国服务热线：400-000-0000
				</div>
				<div class="right fr">
					<a href="javascript:;">设为首页</a>
					<a href="javascript:;">加入收藏</a>
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="container">
				<div class="logo">
					<a href="index.html">
						<img src="images/logo.png" alt="">
					</a>
				</div>
				<div class="nav">
					<ul>
						<li class="cur">
							<a href="index.html">
								<p class="zh">首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<!-- <a href="">
								<p class="zh">关于我们</p>
								<p>About</p>
							</a> -->
							<a href="details.html">
								<p class="zh">产品细节</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="product.html">
								<p class="zh">产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p class="zh">服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p class="zh">新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="details.html">
								<p class="zh">在线商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p class="zh">联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="advertise">
			<img src="images/产品/产品_06.png" alt="">
		</div>
		<div class="nav">
			<div class="container">
				<ul>
					<li>
						<a href="firstpage.html">首页</a>
						<p>&gt</p>
						<a href="product.html">新品发布</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="box">
			<div class="high">
				<p>百万高清系列</p>
				<div class="point">
					<img src="images/产品/产品_09.png" alt="">
				</div>
			</div>
			<div class="normal">
				<p>标清系列</p>
			</div>
			<div class="outside">
				<p>户外防水系列</p>
			</div>
			<div class="inside">
				<p>室内系列</p>
			</div>
		</div>
		<div class="search">
			<div class="container">
				<form action="" name="search">
					<input type="text" class="searchinput" placeholder="搜索产品">
					<input type="image" src="images/产品/产品_03.png" class="submit"  alt="Submit">
				</form>
			</div>
		</div>
		<div class="product">
			<div class="container">
				<ul>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
				<li>
					<div class="img">
						<img src="images/产品/产品_13.png" alt="">
					</div>
					<p class="type">S6202Y-WR</p>
					<p class="desc">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p>
				</li>
			</ul>
			</div>
		</div>
		<div class="pageselect">
			<div class="container">
				<ul>
					<li>
						<a href="" class="before">上一页</a>
						<a href="">1</a>
						<a href="">2</a>
						<a href="">3</a>
						<a href="">4</a>
						<a href="">5</a>
						<a href="">6</a>
						<a href="" class="next">下一页</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="share">
			<p>关注我们:&nbsp;&nbsp;
			<a href=""><img src="images/首页/sina.png" alt=""></a>&nbsp;&nbsp;
			<a href=""><img src="images/首页/QQ.png" alt=""></a>&nbsp;&nbsp;
			<a href=""><img src="images/首页/wx.png" alt=""></a></p>
			<p><a href="index .html">网站首页</a>·
			<a href="">新闻动态</a>·
			<a href="">关于我们</a>·
			<a href="">团队风采</a>·
			<a href="">联系我们</a>·
			<a href="">在线留言</a></p>
		</div>
		<div class="version">&copy;2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved   
		</div>
	</div>

</body>
</html>